




<!DOCTYPE html>
<html>
<head>
    <title>作品预览 - 站酷 (ZCOOL)</title>






    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="//static.zcool.cn/git_z/build/css/main.min.css?version=1596626686493">
    <link rel="bookmark" type="image/x-icon" href="//static.zcool.cn/git_z/z/site/favicon.ico?version=1596626686493" />
    <link rel="shortcut icon" type="image/x-icon" href="//static.zcool.cn/git_z/z/site/favicon.ico?version=1596626686493" />
    <script>
        function getLanguage() {
            var allcookie = document.cookie.split('; ');
            var language;
            for (var i = 0; i < allcookie.length; i++) {
                var cookiearray = allcookie[i].split('=');
                var cookiename = cookiearray[0];
                var cookievalue = cookiearray[1];
                if (cookiename == 'language') {
                    //获取用户zid
                    language = cookievalue;
                    break;
                }
            }
            return language;
        }
        function addLinkCss(linkUrl){
            var link = document.createElement('link');
            link.type = 'text/css';
            link.rel = 'stylesheet';
            link.href = linkUrl;
            document.getElementsByTagName("head")[0].appendChild(link);
        }
        if(getLanguage() == "en_US"){
            addLinkCss('https://static.zcool.cn/git_z/z/common/css/zEnglishStyle.css?version=1596626686493')
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?03ca55d76ee116454b60ea50024c5ba7";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>





    <link rel="stylesheet" href="//static.zcool.cn/git_z/z/css/thirdDropDownStyle.css?version=1596626686493">
    <link rel="stylesheet" href="//static.zcool.cn/git_z/z/css/commentWidget.css?version=1596626686493">




    <link rel="stylesheet" href="//static.zcool.cn/git_z/z/css/swiper.min.css?version=1596626686493">
    <link rel="stylesheet" href="//static.zcool.cn/git_z/z/widget/checkBigPic/css/checkBigPic.css?version=1596626686493">
    <link rel="stylesheet" href="//static.zcool.cn/git_z/z/css/workdetails_new.css?version=1596626686493">
</head>

<body>
<div id="body">





    <header id="zHeader">
        <nav>
            <input type="hidden" id="lanage" value="zh">
            <div class="logo"><a href="https://www.zcool.com.cn" z-st="nav_logo"><img
                    src="//static.zcool.cn/git_z/z/common/images/svg/logo.svg" width="120"
                    height="20" alt=""></a>

            </div>
            <div class="header-menu-bar">
                <div class="search-input-hull hide">
                    <span class="search-ipt"></span>
                    <input type="text" placeholder="" value="" id="nav-search-ipt">
                    <span class="search-cancel"></span>
                    <div id="search-content" class="search-content">
                        <div class="search-content-list"></div>
                    </div>
                </div>
                <div class="hide">
                    <span>更多作品/文章更多设计师</span>
                </div>

                <div class="menu-box">
                    <ul class="menu-list-content">
                        <li class=""><a class="menu-list-box" href="https://www.zcool.com.cn" z-st="nav_tab_home">首页</a></li>
                        <li class="discover header-menu-withmore "><a class="menu-list-box" href="https://www.zcool.com.cn/discover" z-st="nav_tab_discover">发现<i class="drop-down-arrow"></i></a>
                            <div class="menu-list discover-box hide">
                                <div class="discover-box-list">
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/8!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_8">平面</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/17!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_17">UI</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/607!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_607">网页</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/1!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_1">插画</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/608!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_608">动漫</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/33!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_33">摄影</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/609!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_609">空间</a>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/499!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_499">工业/产品</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/24!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_24">三维</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/610!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_610">影视</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/611!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_611">手工艺</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/612!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_612">纯艺术</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/613!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_613">服装</a><i></i>
                                    </div>
                                    <div>
                                        <a href="https://www.zcool.com.cn/discover/44!0!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_cate_44">其他</a>
                                    </div>
                                </div>
                                <div class="discover-check-all">
                                    <a href="https://www.zcool.com.cn/discover/0!3!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_allproduct">精选作品</a>
                                    <a href="https://www.zcool.com.cn/discover/0!8!0!0!0!!!!2!-1!1" z-st="nav_tab_discover_allarticle">精选文章</a>
                                    <a href="https://www.zcool.com.cn/discover/collections/editors" z-st="nav_tab_discover_collections">精选收藏</a>

                                </div>
                            </div>
                        </li>
                        <li class="header-menu-withmore ">
                            <a class="menu-list-box" href="https://www.zcool.com.cn/job/?from=zcoolindex&position=index_nav" z-st="nav_tab_job">职位<i class="drop-down-arrow"></i></a>
                            <div class="menu-list hide">
                                <p><a href="https://www.zcool.com.cn/job/?from=zcoolindex&position=index_nav" z-st="nav_tab_job_job">职位</a></p>
                                <p><a href="https://www.zcool.com.cn/job/qiye?from=zcoolindex" z-st="nav_tab_job_company">公司</a></p>
                                <p><a href="https://www.zcool.com.cn/job/corp/publish.do?from=zcoolindex" z-st="nav_tab_job_publish">+发布职位</a></p>
                            </div>
                        </li>
                        <li class="special header-menu-withmore ">
                            <a class="menu-list-box" href="https://www.zcool.com.cn/event/main.do" z-st="nav_tab_event">活动<i class="drop-down-arrow"></i></a>
                            <div class="menu-list hide">
                                <p><a href="https://www.zcool.com.cn/event/eventlist.do" z-st="nav_tab_event_eventlist">设计大赛</a>
                                </p>
                                <p><a href="https://www.zcool.com.cn/special/speciallist.do" z-st="nav_tab_event_special">专题策划</a>
                                </p>
                                <p><a href="https://www.zcool.com.cn/activities/" z-st="nav_tab_event_acitvity">线上活动</a>
                                </p>
                                <p><a href="https://www.zcool.com.cn/special/fair.do" z-st="nav_tab_event_fair">线下活动</a>
                                </p>
                                <p><a href="https://www.zcool.com.cn/special/radiolist.do" z-st="nav_tab_event_fair">学习音频</a>
                                </p>
                            </div>
                        </li>
                        <li class="zhengban header-menu-withmore ">
                            <a class="menu-list-box" href="https://www.hellorf.com/?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=all" target="_blank" z-st="nav_tab_hellorf">正版素材<i class="drop-down-arrow"></i></a>
                            <div class="menu-list hide">
                                <p><a href="https://www.hellorf.com/?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=img" target="_blank" z-st="nav_tab_hellorf_hellorf">图片</a>
                                </p>
                                <p><a href="https://www.hellorf.com/video?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=video" target="_blank" z-st="nav_tab_hellorf_video">视频</a>
                                </p>
                                <p><a href="https://www.hellorf.com/font?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=font" target="_blank" z-st="nav_tab_hellorf_font">字体</a>
                                </p>
                                <p><a href="https://www.hellorf.com/music?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=music" target="_blank" z-st="nav_tab_hellorf_music">音乐</a>
                                </p>
                                <p><a href="https://contributor.hellorf.com/?utm_source=zcool&utm_medium=index&utm_campaign=navigation&utm_content=contributor" target="_blank" z-st="nav_tab_hellorf_music">我要供图</a>
                                </p>
                            </div>
                        </li>
                        <li class="header-menu-withmore gogoup-course">
                            <a class="menu-list-box" href="//www.gogoup.com/?utm_source=zcool&utm_medium=navigate" target="_blank" z-st="nav_tab_more_gogoup">课程</a>
                            <div class="menu-list hide">
                                <p><a href="https://www.gogoup.com/events/2020xinchun?utm_source=zcool&utm_medium=zzrx" target="_blank" z-st="nav_tab_gogoup">正在热销</a></p>
                                <p><a href="https://www.gogoup.com/reputation/0?utm_source=zcool&utm_medium=kbhk" target="_blank" z-st="">口碑好课</a></p>
                            </div>
                        </li>
                        <li class="header-copyright header-menu-withmore">
                            <a class="menu-list-box" href="https://datayi.cn/w/Yo1vKbQ9" target="_blank">版权保护</a>
                            <div class="menu-list hide">
                                <p><a href="https://datayi.cn/w/korgYw39" target="_blank">区块链存证</a></p>
                                <p><a href="https://datayi.cn/w/nP2l2ed9" target="_blank">版权登记</a></p>
                                <p><a href="https://datayi.cn/w/woVLOq5R" target="_blank">侵权维权</a></p>
                            </div>
                        </li>
                        <li class="more-menu header-menu-withmore ">
                            <span class="menu-tit-box" id="header-more" z-st="nav_tab_more"><i></i></span>
                            <div class="menu-list hide">
                                <p>
                                    <a href="https://www.zcool.com.cn/designer" z-st="nav_tab_designer">设计师</a>
                                </p>
                                <p>
                                    <a href="https://www.zcool.com.cn/top/index.do" id="header-more-top" z-st="nav_tab_more_top">榜单</a>
                                </p>
                                <p>
                                    <a href="https://www.zcool.com.cn/appdown" target="_blank" z-st="nav_tab_more_app">站酷APP</a>
                                </p>
                                <p>
                                    <a href="https://www.zcool.com.cn/special/zcoolfonts/" target="_blank" z-st="nav_tab_more_app">站酷字库</a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="search" z-st="nav_searchbox">
                <i></i>
            </div>
            <div class="user-center">
                <div class="header-upload js-header_upload">
                    <a href="javascript:;" data-upload="https://my.zcool.com.cn/uploadProduct" class="upload-link" z-st="nav_upload"></a>
                </div>
                <ul class="login hide">
                    <li class="message">
                        <a class="message-list" z-st="nav_msgbox"><i></i></a>
                        <div class="menu-list message-box hide">
                            <section>消息盒 <span id="clean-box-msg" class="clean-box-msg" z-st="nav_msgbox_clean">清空 </span></section>
                            <div id="contetn-2" class="message-box-list-wrapper">
                                <ul class="message-box-list">
                                </ul>
                            </div>
                            <a href="https://my.zcool.com.cn/messages/messages.do" class="check-all" z-st="nav_msgbox_all">查看全部 </a>
                        </div>
                    </li>
                    <li class="user"></li>
                    <script id="user-info" type="text/html">
                        <div class="avatar-container-30">
                            <a href="{{data.pageUrl}}" class="user-list" id="header-logined-user-face" z-st="nav_userbox_face"><img src="{{data.avatar}}" title="{{data.username}}" alt="{{data.username}}"></a>
                            {{if data.memberType == 1}}
                            <div class="company-honor mt18 mr19"><img src="https://static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="企业认证用户" alt=""></div>
                            {{else if data.memberType == 2}}
                            <div class="company-honor mt18 mr19"><img src="https://static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="工作室认证用户" alt=""></div>
                            {{/if}}
                        </div>
                        <div class="menu-list user-box hide">
                            <section><a href="{{data.pageUrl}}" z-st="nav_userbox_name">{{data.username}}</a></section>
                            <div class="user-box-list">
                                <div class="user-box-list-area">
                                    <p class="works-manange"><a href="https://my.zcool.com.cn/focus/activity" id="usercenter-menu-focus" z-st="nav_userbox_focus">我的关注</a></p>
                                    <p class="works-manange"><a href="https://my.zcool.com.cn/products" z-st="nav_userbox_products">我的创作</a></p>
                                    <p class="works-manange"><a href="https://my.zcool.com.cn/collections" z-st="nav_userbox_favorites">我的收藏</a></p>
                                    <p class="works-manange"><a href="https://my.zcool.com.cn/teams" z-st="nav_userbox_team">我的团体</a></p>
                                </div>
                                <div class="user-box-list-area">
                                    {{if data.memberType == 1}}
                                    <p class="works-manange"><a href="https://www.zcool.com.cn/job/mypreview.do" z-st="nav_userbox_resume">我的招聘</a></p>
                                    {{else if data.memberType == 2}}
                                    <p class="works-manange"><a href="https://www.zcool.com.cn/job/mypreview.do" z-st="nav_userbox_resume">我的招聘</a></p>
                                    {{else}}
                                    <p class="works-manange"><a href="https://www.zcool.com.cn/job/mypreview.do" z-st="nav_userbox_resume">我的简历</a></p>
                                    {{/if}}
                                    <p class="works-manange"><a href="https://my.zcool.com.cn/setting" z-st="nav_userbox_setting" id="usercenter-menu-account-focus">资料与账号</a></p>
                                </div>
                                <div class="user-box-list-area">
                                    <p class="works-manange"><a href="javascript:logout();" z-st="nav_userbox_logout">退出</a></p>
                                </div>
                            </div>
                        </div>
                    </script>
                </ul>
                <ul class="unlogin hide">
                    <li><a href="javascript:;" data-href="https://passport.zcool.com.cn/loginApp.do?appId=1006" class="nav-unlogin">登录<i></i></a><a
                            href="https://passport.zcool.com.cn/regPhone.do?appId=1006&cback=https://my.zcool.com.cn/focus/activity">注册</a></li>
                </ul>
            </div>
            <div style="display:none;"><span>header_v1.7.40</span></div>
        </nav>
    </header>
    <!--*******************************-->
    <main class="main-wrapper">
        <div class="content-wrap">
            <input type="hidden" name="creator" value="17503311">
            <input type="hidden" id="dataInput" data-objid="11719688" data-objtype="3" data-cateid="17" data-recommend="0">
            <!--作品头部区域-->
            <div class="work-details-wrap border-bottom">
                <div class="work-details-box-wrap">
                    <div class="left-details-head">
                        <div class="preview-tip">预览中，作品尚未发布，预览地址仅自己可见</div>
                        <div class="details-contitle-box">
                            <!--标题-->
                            <h2>
                                个人作品集

                            </h2>
                            <!--发布时间-->
                            <p title="创建时间：2020-08-09 20:35:31"
                               class="title-time">
                                <span>3分钟前</span>发布
                            </p>
                            <!--分类,版权,浏览数,评论数,推荐数-->
                            <div class="work-head-box">
                                <div class="head-left">
                                            <span class="head-index">
                                                <span>原创作品</span>
                                                <i>/</i>
                                                <span>UI</span>
                                                <i>/</i>
                                                <span>其他UI  </span>
                                            </span>
                                    <div class="copy-con">
                                                <span class="copy-icon">
                                                    <i class="copy-tips">作品版权由 骑在纸上的时光 解释 ，
                                                        禁止匿名转载；禁止商业使用；禁止个人使用。 临摹作品，同人作品原型版权归原作者所有。</i>
                                                </span>
                                    </div>
                                </div>
                                <div class="head-right">
                                            <span class="head-data-show">
                                            <a href="javascript:;"
                                               title="共0人气"
                                               class="see vertical-line">
                                                <i></i>0
                                            </a>
                                            <a href="javascript:;"
                                               title="共0评论"
                                               class="news vertical-line">
                                                <i></i>0
                                            </a>
                                            <a href="javascript:;"
                                               title="共0推荐"
                                               class="recommend-show">
                                                <i></i>0
                                            </a>
                                            </span>
                                </div>
                            </div>
                        </div>
                    </div>





                    <div class="preview-top-author-card follow-box">
                        <div class="card-designer-list-details details-right-author-wrap card-media">

                            <input type="hidden" name="creator" value="17503311">
                            <div class="avatar-container-80">
                                <a href="https://www.zcool.com.cn/u/17503311" title="骑在纸上的时光" class="avatar">
                                    <img src="https://img.zcool.cn/community/01d2555f2d1494a80120a8213bebb7.jpg@80w_80h_1c_1e_1o_100sh.jpg" width="80" height="80" alt="">
                                </a>

                            </div>
                            <div class="author-info">
                                <p class="author-info-title">
                                    <a href="https://www.zcool.com.cn/u/17503311" title="骑在纸上的时光"
                                       class="title-content">骑在纸上的时光
                                    </a>








                                </p>
                                <div class="position-info">
                <span title="上海 | 设计爱好者">上海&nbsp;|

                        设计爱好者


                </span>
                                </div>
                                <div class="btn-area">

                                    <button data-url="https://my.zcool.com.cn/uploadProduct" class="btn-disabled btn-current">开始创作</button>

                                    <button class="btn-default-secondary btn-current right js-edit-entry">编辑作品</button>



                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="work-details-content">
                <!--作品内容区域, 文字,图片和视频-->

                <!--作品内容区域, 文字,图片和视频-->
                <div class="work-content-wrap colur-matching-black">
                    <div class="work-center-con">
                        <input type="hidden" data-eventId="0" data-activityId="0">

                        <div class="atricle-text">
                            <p class="txt-con">

                            </p>
                        </div>
                        <div class="video-content-wrap">

                        </div>


                        <div class="work-show-box js-work-content">

                            <input type="hidden" id="zcoolCommPage" total-page="4">




                            <div class="reveal-work-wrap text-center" data-id="55006113">
                                <div class="photo-information-content">



                                    <img src="./image/1.jpg"


                                         data-width="1280"
                                         data-height="720"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key"

                                    >


                                    <!-- 存证图标 -->


                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006115">
                                <div class="photo-information-content">



                                    <img src="./image/2.jpg"


                                         data-width="1280"
                                         data-height="721"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key"

                                    >


                                    <!-- 存证图标 -->


                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006112">
                                <div class="photo-information-content">



                                    <img src="./image/3.gif"


                                         data-width="1280"
                                         data-height="696"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key"

                                    >


                                    <!-- 存证图标 -->


                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006114">
                                <div class="photo-information-content">



                                    <img src="./image/4.jpg"
                                         data-src="./image/4.jpg"


                                         data-width="1280"
                                         data-height="719"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"


                                    >


                                    <!-- 存证图标 -->

                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006120">
                                <div class="photo-information-content">



                                    <img src="./image/5.gif"
                                         data-src="./image/5.gif"


                                         data-width="1280"
                                         data-height="719"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"


                                    >


                                    <!-- 存证图标 -->

                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006200">
                                <div class="photo-information-content">



                                    <img src="./image/6.gif"
                                         data-src="./image/6.gif"


                                         data-width="1289"
                                         data-height="720"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"


                                    >


                                    <!-- 存证图标 -->

                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006124">
                                <div class="photo-information-content">



                                    <img src="./image/7.gif"
                                         data-src="./image/7.gif"


                                         data-width="1280"
                                         data-height="715"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"


                                    >


                                    <!-- 存证图标 -->

                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006126">
                                <div class="photo-information-content">



                                    <img src="./image/8.gif"
                                         data-src="./image/8.gif"


                                         data-width="1280"
                                         data-height="722"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"


                                    >


                                    <!-- 存证图标 -->

                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006121">
                                <div class="photo-information-content">



                                    <img src="./image/9.gif"
                                         data-src="./image/9.gif"


                                         data-width="1280"
                                         data-height="720"


                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"


                                    >


                                    <!-- 存证图标 -->

                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                            <div class="reveal-work-wrap text-center" data-id="55006199">
                                <div class="photo-information-content">
                                    <img src="./image/10.gif"
                                         data-src="./image/10.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006128">
                                <div class="photo-information-content">
                                    <img src="./image/11.gif"
                                         data-src="./image/11.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006127">
                                <div class="photo-information-content">
                                    <img src="./image/12.jpg"
                                         data-src="./image/12.jpg"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006142">
                                <div class="photo-information-content">
                                    <img src="./image/13.gif"
                                         data-src="./image/13.gif"
                                         data-width="1280"
                                         data-height="844"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006116">
                                <div class="photo-information-content">
                                    <img src="./image/14.jpg"
                                         data-src="./image/14.jpg"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006130">
                                <div class="photo-information-content">
                                    <img src="./image/15.gif"
                                         data-src="./image/15.gif"
                                         data-width="1280"
                                         data-height="809"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006131">
                                <div class="photo-information-content">
                                    <img src="./image/16.gif"
                                         data-src="./image/16.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006129">
                                <div class="photo-information-content">
                                    <img src="./image/17.gif"
                                         data-src="./image/17.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006133">
                                <div class="photo-information-content">
                                    <img src="./image/18.gif"
                                         data-src="./image/18.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006152">
                                <div class="photo-information-content">
                                    <img src="./image/19.gif"
                                         data-src="./image/19.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006138">
                                <div class="photo-information-content">
                                    <img src="./image/20.gif"
                                         data-src="./image/20.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006143">
                                <div class="photo-information-content">
                                    <img src="./image/21.gif"
                                         data-src="./image/21.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006117">
                                <div class="photo-information-content">
                                    <img src="./image/22.jpg"
                                         data-src="./image/22.jpg"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006150">
                                <div class="photo-information-content">
                                    <img src="./image/23.gif"
                                         data-src="./image/23.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006151">
                                <div class="photo-information-content">
                                    <img src="./image/24.gif"
                                         data-src="./image/24.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006157">
                                <div class="photo-information-content">
                                    <img src="./image/25.gif"
                                         data-src="./image/25.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006154">
                                <div class="photo-information-content">
                                    <img src="./image/26.gif"
                                         data-src="./image/26.gif"
                                         data-width="1280"
                                         data-height="1097"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006231">
                                <div class="photo-information-content">
                                    <img src="./image/27.gif"
                                         data-src="./image/27.gif"
                                         data-width="1280"
                                         data-height="649"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006232">
                                <div class="photo-information-content">
                                    <img src="./image/28.gif"
                                         data-src="./image/28.gif"
                                         data-width="1280"
                                         data-height="1080"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006155">
                                <div class="photo-information-content">
                                    <img src="./image/29.gif"
                                         data-src="./image/29.gif"
                                         data-width="1280"
                                         data-height="651"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006160">
                                <div class="photo-information-content">
                                    <img src="./image/30.gif"
                                         data-src="./image/30.gif"
                                         data-width="1280"
                                         data-height="2296"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006158">
                                <div class="photo-information-content">
                                    <img src="./image/31.gif"
                                         data-src="./image/31.gif"
                                         data-width="1280"
                                         data-height="1435"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006159">
                                <div class="photo-information-content">
                                    <img src="./image/32.gif"
                                         data-src="./image/32.gif"
                                         data-width="1280"
                                         data-height="951"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006161">
                                <div class="photo-information-content">
                                    <img src="./image/33.gif"
                                         data-src="./image/33.gif"
                                         data-width="1280"
                                         data-height="1588"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006163">
                                <div class="photo-information-content">
                                    <img src="./image/34.jpg"
                                         data-src="./image/34.jpg"
                                         data-width="1280"
                                         data-height="1286"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006118">
                                <div class="photo-information-content">
                                    <img src="./image/35.jpg"
                                         data-src="./image/35.jpg"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006153">
                                <div class="photo-information-content">
                                    <img src="./image/36.gif"
                                         data-src="./image/36.gif"
                                         data-width="1280"
                                         data-height="961"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006144">
                                <div class="photo-information-content">
                                    <img src="./image/37.gif"
                                         data-src="./image/37.gif"
                                         data-width="1280"
                                         data-height="790"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006147">
                                <div class="photo-information-content">
                                    <img src="./image/38.gif"
                                         data-src="./image/38.gif"
                                         data-width="1280"
                                         data-height="857"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006149">
                                <div class="photo-information-content">
                                    <img src="./image/39.gif"
                                         data-src="./image/39.gif"
                                         data-width="1280"
                                         data-height="692"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>
                            <div class="reveal-work-wrap text-center" data-id="55006162">
                                <div class="photo-information-content">
                                    <img src="./image/40.gif"
                                         data-src="./image/40.gif"
                                         data-width="1280"
                                         data-height="720"
                                         data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"
                                         class="no-right-key lazy-img-class"
                                    >
                                </div>
                                <p class="packaging-competition"></p>
                            </div>



                        </div>

                    </div>
                </div>

                <script type="text/html" id="content-work-templ">
                    {{each productImages as images}}
                    <div class="reveal-work-wrap text-center" data-id="{{images.id}}">
                        <div class="photo-information-content">
                            {{if cate === 33}}
                            <span class="photo-box" data-img-id="{{images.id}}">照片信息</span>
                            <div class="photo-info" id="exif_{{images.id}}" exif="{{images.property}}">
                            </div>
                            {{/if}}
                            {{if allowrightclick === 1}}
                            <img src="{{images.url}}" data-src="{{images.url}}" data-width="{{images.width}}" data-height="{{images.height}}" data-info="{{creatorObj.username}}对此作品设置了隐私保护，禁止保存至本地。" class="no-right-key">
                            {{else}}
                            <img src="{{images.url}}" data-src="{{images.url}}" data-width="{{images.width}}" data-height="{{images.height}}">
                            {{/if}}
                            {{if images.proofStatus == 1}}
                            <div class="zc-proof-copy" data-proofToken="{{images.proofToken}}">
                                <svg width="20px" height="25px" viewBox="0 0 20 25">
                                    <defs>
                                        <polygon id="path-1" points="3.31674958e-06 0.0306847826 19.9885904 0.0306847826 19.9885904 23.4456522 3.31674958e-06 23.4456522"></polygon>
                                    </defs>
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <g>
                                            <g transform="translate(0.000000, 0.635951)">
                                                <g transform="translate(0.000000, 0.001924)">
                                                    <g></g>
                                                    <path d="M9.99429851,18.4709022 C6.13539303,18.4709022 2.99595688,15.3843587 2.99595688,11.5904674 C2.99595688,7.79657609 6.13539303,4.71003261 9.99429851,4.71003261 C13.853204,4.71003261 16.9926401,7.79657609 16.9926401,11.5904674 C16.9926401,15.3843587 13.853204,18.4709022 9.99429851,18.4709022 L9.99429851,18.4709022 Z M19.9849784,4.19618478 L19.9849784,4.19442391 L19.9849784,3.37154348 L18.242524,3.34672826 L18.2370846,3.34672826 C16.9244809,3.27616304 15.6318773,3.00026087 14.4077645,2.52932609 C12.3644809,1.71538043 11.0566866,0.787565217 11.0458076,0.778663043 L9.98975456,0.0306847826 L8.95005307,0.773315217 C8.89575788,0.812543478 7.6259403,1.71361957 5.58262355,2.52919565 C4.35943947,3.00890217 3.06345274,3.28519565 1.74802985,3.34672826 L3.31674958e-06,3.37167391 L3.31674958e-06,13.2554348 C3.31674958e-06,15.5260761 1.32229187,18.0727174 3.63545937,20.2418478 C4.63164511,21.1768043 5.73851078,21.9727826 6.84156219,22.5426522 C7.98998673,23.1357391 9.07688557,23.4456522 9.99519403,23.4456522 C10.9080962,23.4456522 12.0058408,23.1285978 13.1687927,22.5284022 C14.3309486,21.9119022 15.4022919,21.142663 16.3531376,20.2418478 C17.3646136,19.3068913 18.2251443,18.2259457 18.905476,17.03625 C19.6245473,15.7433478 19.9885937,14.4717717 19.9885937,13.2536413 L19.9849784,4.19618478 Z" id="Fill-1" fill="#FEFEFE" mask="url(#mask-2)"></path>
                                                </g>
                                                <path d="M8.7747131,12.7174565 C9.46960531,13.4006413 10.596272,13.4006413 11.2911642,12.7174565 C11.4337181,12.5773043 11.5453599,12.4187283 11.6294063,12.2501739 L13.2544809,13.2240326 C13.0910315,13.5156848 12.8862222,13.7910326 12.6346799,14.0383043 C11.1977645,15.4509783 8.8680796,15.4509783 7.43119735,14.0383043 C5.99431509,12.6256304 5.99431509,10.3351957 7.43119735,8.92252174 C8.8680796,7.50984783 11.1977645,7.50984783 12.6346799,8.92252174 C12.8862222,9.16982609 13.0910315,9.4451087 13.2544809,9.73682609 L11.6294063,10.7106848 C11.5453599,10.5421304 11.4337181,10.3835543 11.2911642,10.2434022 C10.596272,9.56021739 9.46960531,9.56021739 8.7747131,10.2434022 C8.0798209,10.926587 8.0798209,12.0342717 8.7747131,12.7174565 M9.99431509,5.72282609 C6.70237479,5.72282609 4.02416584,8.35591304 4.02416584,11.5923913 C4.02416584,14.8288696 6.70237479,17.4619565 9.99431509,17.4619565 C13.2862222,17.4619565 15.9644643,14.8288696 15.9644643,11.5923913 C15.9644643,8.35591304 13.2862222,5.72282609 9.99431509,5.72282609" id="Fill-3" fill="#FEFEFE"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                                图片版权保障
                            </div>
                            {{/if}}
                        </div>
                        <p class="packaging-competition">
                            {{#images.description}}
                        </p>
                    </div>
                    {{/each}}
                </script>

                <!--推荐区域-->
                <div class="recommend-box preview-recommend">
                    <div id="detail-recommend-div" class="recommend-works active">
                        <div class="big-zan-icon"></div>
                        <i class='recommend-number'>0</i>
                    </div>
                </div>

                <div class="text-center hide" id="recommendedAvatar">
                    - <span class="js-recommended-total"></span>位站酷推荐设计师推荐 -
                    <div class="recommended-designer-avatar-wrap js-recommended-avatar"></div>
                </div>

            </div>
            <!--举报,分享,附件,收藏数-->
            <div class="details-con-other border-top">
                <div class="work-details-box-wrap">
                    <div class="three-link">
                        <input type="button" z-st="favorite" class="btn-disabled details-collection-btn preview-collection" value="收藏"
                               data-on="1">

                        <input type="button" class="btn-disabled details-share details-preview-share" value="分享">

                        <span class="report preview-report" z-st="jubao"><a href="javascript:;">举报 </a></span>

                    </div>
                </div>
            </div>

        </div>

        <div class="details-swiper-media-covers js-other-work-wrap">
            <div class="picture-content-wrap swiper-container swiper-container_2" id="space-item-swiper">
                <ul class="swiper-wrapper">
                    <script id="other-work" type="text/html">
                        {{each data as contentCard index}}
                        <li class="swiper-slide">
                            <a href="{{contentCard.pageUrl}}" z-st="user_content_card_1_product_cover" title="{{contentCard.title}}" class="card-img-hover">
                                <img src="{{contentCard.cover1x}}"
                                     srcset="{{contentCard.cover2x}} 2x"
                                     title="{{contentCard.title}}"
                                     alt="{{contentCard.title}}">
                            </a>
                            <div class="work-card-title">
                                {{if !contentCard.recommend}}
                                <a href="{{contentCard.pageUrl}}" title="{{contentCard.title}}" class="work-card_title-content link" style="max-width: 100%;">{{contentCard.title}}</a>
                                {{else}}
                                <a href="{{contentCard.pageUrl}}" title="{{contentCard.title}}" class="work-card_title-content link">{{contentCard.title}}</a>
                                {{/if}}
                                {{if contentCard.recommend == 1}}
                                <span class="fire-16 fire1"></span>
                                {{else if contentCard.recommend == 2}}
                                <span class="fire-16 fire2"></span>
                                {{else if contentCard.recommend == 3}}
                                <span class="fire-16 fire3"></span>
                                {{/if}}
                            </div>
                        </li>
                        {{/each}}
                    </script>
                </ul>
                <div class="swiper-button-prev-bar">
                    <div class="swiper-button-prev"></div>
                </div>
                <div class="swiper-button-next-bar">
                    <div class="swiper-button-next"></div>
                </div>
            </div>
        </div>
        <div class="work-details-box-wrap details-bottom mt-20">
            <div class="details-work-info-wrap">






                <div class="details-sidebar-wrap left">









                    <div class="show-list-box infomation-work">
                        <div class="show-list-title-box flex-between">
                            <h3 class="show-list-title">作品信息</h3>
                            <i class="select-shixin-arrow rightnew-arrows"></i>
                        </div>
                        <ul class="info-list">





                            <div class="info-first js-a-team-info" data-zteamid="0">

                            </div>
                            <script type="text/html" id="details-team-info-tpl">
                                <li class="border-bottom">
                                    <p class="info-list-title">创作团体</p>
                                    <div class="info-list-decra create-team-details">
            <span class="creat-img">
                <a href="{{result.url}}"
                   title="{{result.name}}"
                   target="_blank">
                    <img src="{{result.avatar}}" alt="{{result.name}}">
                </a>
            </span>
                                        <span class="nick-adress">
                <b>
                    <a href="{{result.url}}"
                       title="{{result.name}}"
                       target="_blank">
                        {{result.name}}
                    </a>
                </b>
                <br/>
                <span>{{result.cityName}}</span>
            </span>
                                    </div>
                                </li>
                            </script>

                            <li>
                                <p class="info-list-title">创作时间</p>
                                <div class="info-list-decra creat-time-box">
                                    <p>2020/08/09</p>
                                </div>
                            </li>

                        </ul>
                    </div>

                </div>


            </div>
            <div class="details-bottom-right right">

                <!--评论-->






                <div class="comment-module article-comments">
                    <div id="detail-empty-comment" class="preview-empty">
                        <a href="javascript:;" class="disabled">预览中无法评论</a>
                    </div>
                </div>

                <!-- 你可能喜欢 -->





                <div class="recommend-card" id="detail-related-recommend" style="display: none;"></div>
                <script id="detail-related-recommend-tpl" type="text/html">
                    <div class="mt-20">
                        <span class="album-title">你可能喜欢</span>
                        <span class="zcool-link-color right detail-related-switch">换一换</span>
                    </div>

                    <div class="hot-album mt-20">
                        {{each data as contentCard}}
                        <div class="card-box-little">
                            <div class="card-box">
                                <div class="card-img">
                                    <a href="{{contentCard.pageUrl}}" z-st="relatedRecommend_content_card_cover"
                                       z-track="{{contentCard.trackCode}}"
                                       class="card-img-hover"
                                       title="{{contentCard.title}}">
                                        <img src="{{contentCard.cover1x}}"
                                             srcset="{{contentCard.cover2x}} 2x"
                                             title="{{contentCard.title}}"
                                             alt="{{contentCard.title}}">
                                    </a>
                                </div>
                                <div class="card-info">
                                    <p class="card-info-title">
                                        <a href="{{contentCard.pageUrl}}" z-st="relatedRecommend_content_card_title"
                                           z-track="{{contentCard.trackCode}}" title="{{contentCard.title}}" class="title-content">
                                            {{contentCard.title}}
                                        </a>
                                        {{if contentCard.eventObj != null && contentCard.eventObj}}
                                        <a href="{{contentCard.eventObj.indexUrl}}"
                                           class="title-icon zcool-card-event title-icon-1"
                                           title="{{contentCard.eventObj.name}}"></a>
                                        {{/if}}
                                        {{if contentCard.recommend == 1}}
                                        <span href="javascript:;" class="title-icon zcool-card-fire1 title-icon-1" title="普通推荐"></span>
                                        {{else if contentCard.recommend == 2}}
                                        <span href="javascript:;" class="title-icon zcool-card-fire2 title-icon-1" title="编辑推荐"></span>
                                        {{else if contentCard.recommend == 3}}
                                        <span href="javascript:;" class="title-icon zcool-card-fire3 title-icon-1" title="首页推荐"></span>
                                        {{/if}}
                                    </p>
                                    {{if contentCard.objectType == 3 && contentCard.type != 2}}
                                    <p class="card-info-type"
                                       title="{{contentCard.cateStr}}-{{contentCard.subCateStr}}">
                                        {{contentCard.cateStr}}-{{contentCard.subCateStr}}
                                    </p>
                                    {{/if}}
                                    {{if contentCard.objectType == 3 && contentCard.type == 2}}
                                    <p class="card-info-type" title="临摹-{{contentCard.cateStr}}">
                                        临摹-{{contentCard.cateStr}}
                                    </p>
                                    {{/if}}
                                    {{if contentCard.objectType == 8}}
                                    <p class="card-info-type" title="文章-{{contentCard.cateStr}}-{{contentCard.subCateStr}}">
                                        文章-{{contentCard.cateStr}}-{{contentCard.subCateStr}}
                                    </p>
                                    {{/if}}


                                    <p class="card-info-item">
                                        <span class="statistics-view" title="共{{contentCard.viewCount}}人气">{{contentCard.viewCountStr}}</span>
                                        <span class="statistics-comment" title="共{{contentCard.commentCount}}评论">{{contentCard.commentCountStr}}</span>
                                        <span class="statistics-tuijian" title="共{{contentCard.recommendCount}}推荐">{{contentCard.recommendCountStr}}</span>
                                    </p>
                                </div>
                                <div class="card-item">
                    <span class="user-avatar showMemberCard">
                        <a href="{{contentCard.creatorObj.pageUrl}}" z-st="relatedRecommend_content_card_author"
                           title="{{contentCard.creatorObj.username}}" target="_blank">
                        <img src="{{contentCard.creatorObj.avatar1x}}"
                             srcset="{{contentCard.creatorObj.avatar2x}} 2x"
                             width="30" height="30">
                        {{contentCard.creatorObj.username}}
                        </a>
                        <div class="author-info-card hide" data-id="{{contentCard.creator}}" z-st="user_card"></div>
                    </span>
                                </div>
                            </div>
                        </div>
                        {{/each}}
                    </div>
                </script>

            </div>
        </div>
        <div class="is-offset-fixed-wrap">
            <div class="work-details-box-wrap">
                <div class="fixed-left-box preview-card-btn fixed-top-box">
                    <div class="avatar-container-30">
                      <span class="showMemberCard">
                        <a href="https://www.zcool.com.cn/u/17503311" class="avatar-container_face" title="骑在纸上的时光的主页">
                          <img src="https://img.zcool.cn/community/01d2555f2d1494a80120a8213bebb7.jpg@80w_80h_1c_1e_1o_100sh.jpg">
                        </a>
                        <div class="author-info-card hide follow-box" data-id="17503311"></div>
                      </span>

                    </div>
                    <div class="ml-10">
                        <div class="flex items-center">
                            <span class="f-weight">个人作品集</span>



                        </div>

                        <div class="f-12">
                            <a href="https://www.zcool.com.cn/u/17503311" class="c-666 js-detail-username showMemberCard">骑在纸上的时光</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="details-sidebar-fixed-box js-details-sidebar">
            <div class="sidebar-fixed_box preview-collect-middle-icon js-project-fav">
            </div>
            <div class="sidebar-fixed_box preview-comments-middle-icon js-write-comments">
            </div>
            <div class="sidebar-fixed_box preview-like-icon js-details-common-recommend" id="sidebar-recommend">
            </div>
        </div>
    </main>
    <!--*******************************-->









    <script type="text/html" id="author-info-templ">
        <div class="author-card-box">
            <div class="author-card_topbar">
                <div class="author-card_info">
                    <div class="avatar-container-40">
                        <a href="{{data.pageUrl}}" title="{{data.username}}" target="_blank" class="avatar-container_face">
                            <img src="{{data.avatar1x}}" />
                        </a>
                        {{if data.memberType == 1}}
                        <div class="company-honor"><img src="//static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="企业认证用户" alt=""></div>
                        {{else if data.memberType == 2}}
                        <div class="company-honor"><img src="//static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="工作室认证用户" alt=""></div>
                        {{/if}}
                    </div>
                    <div class="ml-10">
                        <div class="author-card_title">
                            <a href="{{data.pageUrl}}" title="{{data.username}}" target="_blank" class="author-card_title-name">{{data.username}}</a>
                            <div class="author-card_honor-medal">
                                {{each data.memberHonors as honor}}
                                {{if honor.id != 9}}
                                {{if honor.url != ""}}
                                <a href="{{honor.url}}" target="_blank"><img src="{{honor.image}}" title="{{honor.name}}" /></a>
                                {{else}}
                                <span><img src="{{honor.image}}" title="{{honor.name}}" /></span>
                                {{/if}}
                                {{/if}}
                                {{/each}}
                            </div>
                        </div>
                        <div class="author-card_position" title="{{data.cityName}} | {{data.memberType == 0 ? data.professionName : data.indusryName}}">
                            {{data.cityName}}&nbsp;|
                            {{if data.memberType == 0}}
                            {{data.professionName}}
                            {{else}}
                            {{data.indusryName}}
                            {{/if}}
                        </div>
                    </div>
                </div>
                <div>
                    <div class="js-project-focus-btn">
                        {{if data.guanzhuStatus == 1}}
                        <input type="button" title="已关注" class="btn-current-h30 attention btn-default-secondary following" value="已关注" z-st="follow">
                        {{else if data.guanzhuStatus == 2}}
                        <input type="button" title="相互关注" class="btn-current-h30 attention btn-default-secondary" value="相互关注" z-st="follow">
                        {{else}}
                        <input type="button" title="添加关注" class="btn-current-h30 btn-default-main  attention notfollow" value="关注" z-st="follow">
                        {{/if}}
                    </div>
                </div>
            </div>
            <div class="author-card_products_box">
                {{each data.contentCards as contentCardsItem contentCardsIndex}}
                {{if contentCardsIndex < 3}}
                <a href="{{contentCardsItem.pageUrl}}" target="_blank" class="card-img-hover">
                    <img src="{{contentCardsItem.cover1x}}"/>
                </a>
                {{/if}}
                {{/each}}
            </div>
            <div class="mt-10">
                <a href="{{data.pageUrl}}" target="_blank" class="statistics-popularity mr-10 link">{{data.popularityCountStr}}</a>
                <a href="{{data.pageUrl}}" target="_blank" class="statistics-creation mr-10 link">{{data.contentCountStr}}</a>
                <a href="{{data.fansPageUrl}}" target="_blank" class="statistics-fans link">{{data.fansCountStr}}</a>
            </div>
        </div>
    </script>
















    <!-- 意见反馈 -->
    <div class="pop-up feedback-pop hide">
        <div class="popup-title">意见反馈</div>
        <div class="popup-con">
            <div class="pinlunt">
            <textarea type="text" id="form-data-content"
                      class="textarea-style" onpropertychange="MaxMe(this)" oninput="MaxMe(this)"></textarea>
            </div>
            <div class="p-relative mt-20">
                <input type="text" id="form-data-contact" placeholder="请留下您的联系方式，可以方便我们后续跟进（选填）" class="text-style">
            </div>
            <div class="text-center">
                <input type="button" class="btn-default-main pop-confirm" value="确定" id="js-feedback-confirm">
                <input type="button" class="btn-default-secondary pop-cancel" value="取消" id="js-feedback-cancel">
            </div>
        </div>
        <i class="pop-close"></i>
    </div>


    <footer id="footer"></footer>

    <div class="shade hide">


        <!-- 写私信 -->
        <div class="pop-up private-pop hide">
            <div class="popup-title">写私信</div>
            <div class="popup-con">
                <div class="p-relative">
                    <input type="text" id="del_message" name="" placeholder="发送给..." class="text-style">
                </div>
                <div class="p-relative mt-20">
                </div>
                <div class="pinlunt mt-20">
                    <textarea type="text" id="private-textarea" name="" class="textarea-style2 pop-textarea"></textarea>
                </div>
                <div class="expression-box">
                    <a href="javascript:;" class="biaoqing" onclick="popFace(this,'private-textarea')">添加表情</a>
                </div>
                <div class="text-center">
                    <input type="button" name="" class="btn-default-main pop-confirm" value="确定">
                    <input type="button" name="" class="btn-default-secondary pop-cancel" value="取消">
                </div>
            </div>
            <i class="pop-close"></i>
        </div>







        <!-- 举报 -->


        <!-- 收藏 -->
        <div class="pop-up centre-pop pop-collection hide">
            <div class="popup-title">添加到收藏</div>
            <!-- 已有的收藏夹 -->
            <div class="popup-con" id="fav-folder-content">
                <div class="pop-wrapper">
                    <div class="pop-select" id="fav-folder-list-div">

                    </div>
                    <i class="add-typeicon" id="add-type-btn"></i>
                </div>
                <div class="text-center pop-btncon">
                    <input type="button" name="" class="btn-default-main pop-confirm" value="确定">
                    <input type="button" name="" class="btn-default-secondary pop-cancel" value="取消">
                </div>
            </div>
            <!-- 添加收藏夹类别 -->
            <div class="typetext-box hide" id="fav-folder-add">
            </div>

            <i class="pop-close"></i>
        </div>
        <div class="pop-up centre-pop new-classify hide">
            <div class="popup-title">新建分类</div>
            <div class="popup-con">
                <div class="p-relative">
                    <input type="text" id="newclass" name="" placeholder="" class="text-style newclass">
                </div>
                <div class="text-center">
                    <input type="button" name="" class=" pop-confirm btn-disabled" value="确定">
                    <input type="button" name="" class="public-graybtn pop-cancel" value="取消">
                </div>
            </div>
            <i class="pop-close"></i>
        </div>

        <script id="fav-folder-select-tpl" type="text/html">
            <select class="dropdown"
                    tabindex="9"
                    data-settings='{"wrapperClass":"flat"}'>
                {{each data as value index}}
                <option value="{{value.id}}" data-id="{{index+2}}">{{value.name}}</option>
                {{/each}}
            </select>
        </script>
    </div>

    <div style="display: none">
        <div id="empty_message_box" class="msg-box-null">
            <div class="msg-box-inner">
                <span class="null-images"></span>
                <span class="msg-null-tips">没有新消息</span>
            </div>
        </div>
    </div>



</div>
<!--查看大图HTML-->




<!-- 查看大图 -->
<!-- 弹层 -->
<div class="Elastic_layer work-preview-bigpic-layer">
    <div class="layerBannar">
        <input type="hidden" name="" data-id="0" class="works">
        <div id="lightbox-img-wrap" class="bannarBox swiper-container">
            <ul class="swiper-wrapper">

                <li class="swiper-slide lightbox-content"
                    data-id="55006113">
                    <div class="light-slide-content">
                        <img data-src="./image/1.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006115">
                    <div class="light-slide-content">
                        <img data-src="./image/2.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006112">
                    <div class="light-slide-content">
                        <img data-src="./image/3.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006114">
                    <div class="light-slide-content">
                        <img data-src="./image/4.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006120">
                    <div class="light-slide-content">
                        <img data-src="./image/5.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006200">
                    <div class="light-slide-content">
                        <img data-src="./image/6.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006124">
                    <div class="light-slide-content">
                        <img data-src="./image/7.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006126">
                    <div class="light-slide-content">
                        <img data-src="./image/8.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006121">
                    <div class="light-slide-content">
                        <img data-src="./image/9.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006199">
                    <div class="light-slide-content">
                        <img data-src="./image/10.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006128">
                    <div class="light-slide-content">
                        <img data-src="./image/11.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006127">
                    <div class="light-slide-content">
                        <img data-src="./image/12.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006142">
                    <div class="light-slide-content">
                        <img data-src="./image/13.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006116">
                    <div class="light-slide-content">
                        <img data-src="./image/14.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006130">
                    <div class="light-slide-content">
                        <img data-src="./image/15.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006131">
                    <div class="light-slide-content">
                        <img data-src="./image/16.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006129">
                    <div class="light-slide-content">
                        <img data-src="./image/17.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006133">
                    <div class="light-slide-content">
                        <img data-src="./image/18.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006152">
                    <div class="light-slide-content">
                        <img data-src="./image/19.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006138">
                    <div class="light-slide-content">
                        <img data-src="./image/20.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006143">
                    <div class="light-slide-content">
                        <img data-src="./image/21.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006117">
                    <div class="light-slide-content">
                        <img data-src="./image/22.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006150">
                    <div class="light-slide-content">
                        <img data-src="./image/23.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006151">
                    <div class="light-slide-content">
                        <img data-src="./image/24.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006157">
                    <div class="light-slide-content">
                        <img data-src="./image/25.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006154">
                    <div class="light-slide-content">
                        <img data-src="./image/26.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006231">
                    <div class="light-slide-content">
                        <img data-src="./image/27.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006232">
                    <div class="light-slide-content">
                        <img data-src="./image/28.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006155">
                    <div class="light-slide-content">
                        <img data-src="./image/29.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006160">
                    <div class="light-slide-content">
                        <img data-src="./image/30.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006158">
                    <div class="light-slide-content">
                        <img data-src="./image/31.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006159">
                    <div class="light-slide-content">
                        <img data-src="./image/32.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006161">
                    <div class="light-slide-content">
                        <img data-src="./image/33.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006163">
                    <div class="light-slide-content">
                        <img data-src="./image/34.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006118">
                    <div class="light-slide-content">
                        <img data-src="./image/35.jpg"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006153">
                    <div class="light-slide-content">
                        <img data-src="./image/36.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006144">
                    <div class="light-slide-content">
                        <img data-src="./image/37.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006147">
                    <div class="light-slide-content">
                        <img data-src="./image/38.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006149">
                    <div class="light-slide-content">
                        <img data-src="./image/39.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

                <li class="swiper-slide lightbox-content"
                    data-id="55006162">
                    <div class="light-slide-content">
                        <img data-src="./image/40.gif"
                             alt=""

                             class="no-right-key swiper-lazy"
                             data-info="骑在纸上的时光对此作品设置了隐私保护，禁止保存至本地。"


                        >
                    </div>
                </li>

            </ul>
            <div>

            </div>

            <div class="swiper-prev-wrap">
                <a href="javascript:;" class="leftaw swiper-button-prev"></a>
            </div>
            <div class="swiper-next-wrap">
                <a href="javascript:;" class="rightaw swiper-button-next"></a>
            </div>
            <a href="javascript:;" class="closebtn js-big-pic-close"></a>
        </div>
    </div>
</div>







<!-- 登录弹窗 -->








<div class="alert-confirm hide">
    <p class="tips-text tips-alert-text"></p>
    <div class="text-center pop-btn-con">
        <input type="button" name="" class="btn-default-main pop-confirm" value="我知道了">
    </div>
    <i class="pop-close"></i>
</div>
<div class="pop-up-confirm hide">
    <p class="tips-text"></p>
    <div class="text-center pop-btn-con">
        <input type="button" name="" class="btn-default-main pop-confirm" value="确定">
        <input type="button" name="" class="btn-default-secondary pop-cancel" value="取消">
    </div>
    <i class="pop-close"></i>
</div>
<div class="toast-fail hide">
    <span class="toast-pictrue"></span>
    <div class="toast-tips-text">
        <span class="toast-first-text"></span> <br>
        <span class="toast-socend-text"></span>
    </div>
</div>
<div class="toast-success hide">
    <span class="toast-pictrue"></span>
    <div class="toast-tips-text">
        <span class="toast-first-text"></span> <br>
        <span class="toast-socend-text"></span>
    </div>
</div>




<script>
    gogoupDomain = 'gogoup.com';
    hellorfDomain = 'hellorf.com';

    passportDomain = 'passport.zcool.com.cn';
    staticDomain = 'static.zcool.cn/git_z';

    zMyDomain = 'my.zcool.com.cn';
    zMainDomain = 'www.zcool.com.cn';
    zRootDomain = 'zcool.com.cn';

    oldRootDomain = 'old.zcool.com.cn';

    appId = '1006';

    zUploadDomain = 'upload.zcool.com.cn';

    zProtocol = 'https://';
    logDomain = 'log.zcool.com.cn';
</script>



<script src="//static.zcool.cn/git_z/z/script/lanage/messagesWeb.js?version=1596626686493"></script>

<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script src="//static.zcool.cn/git_z/build/js/libs.min.js?version=1596626686493"></script>
<script>
    function logout() {
        $.ajax({
            type: "GET",
            url: "https://" + "my.zcool.com.cn" + "/logout",
            data: {},
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true,
            headers: {
                "X-Requested-With": "XMLHttpRequest"
            },
            dataType: "json",
            success: function (data) {
                console.log(data);
                if (window.location.host.indexOf("my") != -1) {
                    $z.logout('https://www.' + 'my.zcool.com.cn' + '/logout.do', '1006',
                        'https://' + 'passport.zcool.com.cn', true, "https://" + 'www.zcool.com.cn');
                } else {
                    // 在navComScript.js 中定义
                    update_unlogined_nav();

                    $z.logout('https://www.' + 'my.zcool.com.cn' + '/logout.do', '1006',
                        'https://' + 'passport.zcool.com.cn', false);
                }
            }
        });
    }
</script>






<script type='text/javascript'>
    var tmp_uid;
    try {
        tmp_uid = getUid();
    } catch (e) {
        var url = zProtocol + logDomain+"/error.gif?type=zc_error_getUid";
        new Image().src = url;
    }
    var tmp_ugender;
    try {
        tmp_ugender = getUGender();
    } catch (e) {
        var url = zProtocol + logDomain+"/error.gif?type=zc_error_getUGender";
        new Image().src = url;
    }
    var tmp_uprofession;
    try {
        tmp_uprofession = getUProfession();
    } catch (e) {
        var url = zProtocol + logDomain+"/error.gif?type=zc_error_getUProfession";
        new Image().src = url;
    }

    var tmp_language = $.cookie('language');
    if(tmp_language == null){
        tmp_language = "zh_CN";
    }

    var tmp_recommender;
    try {
        tmp_recommender = getUserInformationFromCookie().memberRecommender;
    } catch (e) {
        var url = zProtocol + logDomain+"/error.gif?type=zc_error_getURecommender";
        new Image().src = url;
    }

    var _vds = _vds || [];
    window._vds = _vds;
    (function(){
        _vds.push(['setAccountId', 'acec0eb2dafeaf05']);
        _vds.push(['trackBot', false]);
        if (tmp_uid !== '0') {
            _vds.push(['setCS1', 'uid', tmp_uid]);
        }
        _vds.push(['setCS2', 'gender', tmp_ugender]);
        _vds.push(['setCS3', 'profession', tmp_uprofession]);

        _vds.push(['setCS4', 'language', tmp_language]);
        _vds.push(['setCS5', 'recommender', tmp_recommender]);
        _vds.push(['setCS6', 'user_search', $.cookie('work_folder')]);

        (function() {
            var vds = document.createElement('script');
            vds.type='text/javascript';
            vds.async = true;
            vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(vds, s);
        })();
    })();
</script>

<script src="//static.zcool.cn/git_z/z/script/statistics.js?version=1596626686493"></script>






<div class="pop-up collect-album-pop hide" id="album-fav-pop">
    <div class="popup-title">收藏

    </div>
    <div class="js-al-folder-covers js-project-al-scroll">

    </div>
    <script type="text/html" id="al-folder-tpl">
        <div class="album-popup-con">
            <ul class="album-pop-list js-al-folder-list">

            </ul>
            <div class="loading-div"></div>
        </div>
        <div class="add-new-category">
            <input type="button" class="add-newcate-btn js-add-al-folder" value="创建收藏夹">
        </div>
    </script>
    <script type="text/html" id="al-folder-list-tpl">
        {{each data as v i}}
        <li class="js-al-folder">
            <div class="album-name-cover">
                <span class="p-album-name">{{v.name}}</span>
                {{if v.open == 0}}
                <i class="alfolder-icon-privacy" title="私密的收藏夹"></i>
                {{/if}}
            </div>
            <div class="ablum-list-right">
                {{if v.status == 1}}
                <span class="ablum-req-prompt"></span>

                <div class="js-c-loading-cover fav-loading-cover">
                    <input type="button" value="已收藏" data-collect="1" collectionIds="{{v.id}}" class="btn-default-secondary fav-btn-size js-p-fav-btn">
                </div>
                {{else}}
                <span class="ablum-req-prompt"></span>
                <div class="js-c-loading-cover fav-loading-cover">
                    <input type="button" value="收藏" data-collect="0" collectionIds="{{v.id}}" class="btn-default-main fav-btn-size js-p-fav-btn">
                </div>
                {{/if}}
            </div>
        </li>
        {{/each}}
    </script>
    <i class="pop-close"></i>
</div>


<script type="text/html" id="avatar-40-templ">
    {{each content as avatarItem}}
    <div class="avatar-container-40">
        <a href="{{avatarItem.pageUrl}}" title="{{avatarItem.username}}" class="avatar-container_face">
            <img src="{{avatarItem.avatar1x}}" />
        </a>
        {{if avatarItem.memberType == 1}}
        <div class="company-honor"><img src="//static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="企业认证用户" alt=""></div>
        {{else if avatarItem.memberType == 2}}
        <div class="company-honor"><img src="//static.zcool.cn/git_z/z/images/svg/honor_authen.svg?v=3" title="工作室认证用户" alt=""></div>
        {{/if}}
    </div>
    {{/each}}
</script>

<script>
    var zcoolipDomain = 'www.zcoolip.com';
</script>









<script src="//static.zcool.cn/git_z/z/script/biz/share.js?version=1596626686493"></script>
<script>
    // 微信二维码
    // TODO url加参数做统计
    if($('#wechat-qr-code').length > 0){
        var qrcode = new QRCode(document.getElementById("wechat-qr-code"), {
            width: 100,
            height: 100
        });
        qrcode.makeCode(window.location.href);
    }
</script>

<script type="text/javascript" src="//static.zcool.cn/git_z/z/script/biz/detail-constant.js?version=1596626686493"></script>
<script type="text/javascript" src="//static.zcool.cn/git_z/z/script/lib/swiper.js?version=1596626686493"></script>
<!-- <script type="text/javascript" src="//static.zcool.cn/git_z/z/script/className.js?version=1596626686493"></script> -->

<script src="//static.zcool.cn/git_z/z/script/details.js?version=1596626686493"></script>
<script type="text/javascript" src="//static.zcool.cn/git_z/z/script/workDetails_new.js?version=1596626686493"></script>
<script type="text/javascript" src="//static.zcool.cn/git_z/z/widget/checkBigPic/js/checkBigPic.js?version=1596626686493"></script>


<script>
    $(function () {
        // 推荐禁用
        $("#detail-recommend-div").addClass("active").removeClass("normal");
    })
</script>



<script>
    $(window).scroll(function () {
        if ($('.js-details-sidebar').offset().top >= $('#detail-recommend-div').offset().top){
            $('.js-details-sidebar').css({'opacity': '0', 'visibility': 'hidden'})
        }else {
            $('.js-details-sidebar').css({'opacity': '1', 'visibility': 'visible'})
        }

        if ($('#zcoolCommPage').length && $('#zcoolCommPage').attr('total-page') > 1 && $(document).scrollTop() + document.body.clientHeight >= $('#detail-recommend-div').offset().top - 15) {
            doLoadWorklist()
        }
    })
</script>
</body>
</html>
